﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>插件管理系统</title>
    <link rel="stylesheet" href="css/style.css" type="text/css" />

    

    <!--accordion插件-->
    <link type="text/css" href="controls/control/accordion/css/ui.all.css" rel="stylesheet" />
    <link href="controls/control/lightTreeview/css/jquery.lightTreeview.css" rel="stylesheet"
        type="text/css" />

    <script src="js/jquery/jquery-1.3.2.js" type="text/javascript"></script>

    <script type="text/javascript" src="controls/control/accordion/js/ui.core.js"></script>

    <script type="text/javascript" src="controls/control/accordion/js/ui.accordion.js"></script>

    <!--tree插件-->

    <script type="text/javascript" src="controls/control/lightTreeview/js/jquery.lightTreeview.js"></script>

    <script type="text/javascript">
$(function() {
	$("#accordion").accordion({
		event: "mouseover",
		header: "h3"
	});
	$('.tree').lightTreeview({
		//collapse: true,
		//line: true,
		//nodeEvent: true,
		//unique: false,
		style: 'black',
		animate: 400
	});
	$("#intro").click(function(){
	$("#iframe").attr("src","controls/control/lightTreeview/_intro.html");
	});
	$("#Demo").click(function(){
	$("#iframe").attr("src","controls/control/lightTreeview/_demo.html");
	});
	$("#help").click(function(){
	$("#iframe").attr("src","controls/control/lightTreeview/_help.html");
	});
	$("#process").click(function(){
	$("#iframe").attr("src","controls/control/lightTreeview/_process.html");
	});
	$("#msg").click(function(){
	$("#iframe").attr("src","controls/control/lightTreeview/_msg.html");
	});
	$("#bug").click(function(){
	$("#iframe").attr("src","controls/control/lightTreeview/_bug.html");
	});
});
    </script>

</head>
<body>
    <div class="main">
        <div id="top">
            <div id="logo">
                Ehai CMS</div>
            <div id="nav">
                <div id="navbot">
                    <ul>
                        <li><a class="functionlink" href="#">flexigrid</a></li>
                        <li><a class="functionlink" href="#">jPage</a></li>
                        <li><a class="functionlink" href="#">FCK</a></li>
                        <li><a class="functionlink" href="#">jQurey UI</a></li>
                        <li><a class="functionlink" href="#">jMenu</a></li>
                        <li><a class="functionlink" href="#">Treeview</a></li>
                    </ul>
                </div>
            </div>
            <div id="style">
                <select class="right">
                    <option>--选择风格--</option>
                    <option>&nbsp;&nbsp;蓝色风格</option>
                    <option>&nbsp;&nbsp;黑色风格</option>
                    <option>&nbsp;&nbsp;粉色风格</option>
                </select>
            </div>
        </div>
        <div id="bottom">
            <div id="left">
                <div id="controllist" class="demo">
                    <!--插件下拉菜单-->
                    <div id="accordion">
                        <h3>
                            <a href="#">页面级插件</a></h3>
                        <div id="tree1" class="treediv">
                            <ul class="tree lightTreeview">
                                <li>
                                    <div>
                                        浙江</div>
                                    <ol>
                                        <li>
                                            <div>
                                                杭州</div>
                                            <ul>
                                                <li>
                                                    <div>
                                                        上城区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        下城区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        江干区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        西湖区</div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <div>
                                                宁波</div>
                                        </li>
                                        <li>
                                            <div>
                                                绍兴</div>
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <div>
                                        广东</div>
                                    <ul>
                                        <li>
                                            <div>
                                                广州</div>
                                        </li>
                                        <li>
                                            <div>
                                                湛江</div>
                                        </li>
                                        <li>
                                            <div>
                                                佛山</div>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <div>
                                        上海</div>
                                </li>
                                <li>
                                    <div>
                                        山东</div>
                                </li>
                            </ul>
                        </div>
                        <h3>
                            <a href="#">控件级插件</a></h3>
                        <div id="tree2" class="treediv">
                            <ul class="tree lightTreeview">
                                <li>
                                    <div>
                                        浙江</div>
                                    <ol>
                                        <li>
                                            <div>
                                                杭州</div>
                                            <ul>
                                                <li>
                                                    <div>
                                                        上城区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        下城区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        江干区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        西湖区</div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <div>
                                                宁波</div>
                                        </li>
                                        <li>
                                            <div>
                                                绍兴</div>
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <div>
                                        广东</div>
                                    <ul>
                                        <li>
                                            <div>
                                                广州</div>
                                        </li>
                                        <li>
                                            <div>
                                                湛江</div>
                                        </li>
                                        <li>
                                            <div>
                                                佛山</div>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <div>
                                        上海</div>
                                </li>
                                <li>
                                    <div>
                                        山东</div>
                                </li>
                            </ul>
                        </div>
                        <h3>
                            <a href="#">组件级插件</a></h3>
                        <div id="tree3" class="treediv">
                            <ul class="tree lightTreeview">
                                <li>
                                    <div>
                                        浙江</div>
                                    <ol>
                                        <li>
                                            <div>
                                                杭州</div>
                                            <ul>
                                                <li>
                                                    <div>
                                                        上城区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        下城区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        江干区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        西湖区</div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <div>
                                                宁波</div>
                                        </li>
                                        <li>
                                            <div>
                                                绍兴</div>
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <div>
                                        广东</div>
                                    <ul>
                                        <li>
                                            <div>
                                                广州</div>
                                        </li>
                                        <li>
                                            <div>
                                                湛江</div>
                                        </li>
                                        <li>
                                            <div>
                                                佛山</div>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <div>
                                        上海</div>
                                </li>
                                <li>
                                    <div>
                                        山东</div>
                                </li>
                            </ul>
                        </div>
                        <h3>
                            <a href="#">部件级插件</a></h3>
                        <div id="tree4" class="treediv">
                            <ul class="tree lightTreeview">
                                <li>
                                    <div>
                                        浙江</div>
                                    <ol>
                                        <li>
                                            <div>
                                                杭州</div>
                                            <ul>
                                                <li>
                                                    <div>
                                                        上城区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        下城区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        江干区</div>
                                                </li>
                                                <li>
                                                    <div>
                                                        西湖区</div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <div>
                                                宁波</div>
                                        </li>
                                        <li>
                                            <div>
                                                绍兴</div>
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <div>
                                        广东</div>
                                    <ul>
                                        <li>
                                            <div>
                                                广州</div>
                                        </li>
                                        <li>
                                            <div>
                                                湛江</div>
                                        </li>
                                        <li>
                                            <div>
                                                佛山</div>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <div>
                                        上海</div>
                                </li>
                                <li>
                                    <div>
                                        山东</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="middle">
                <div id="position">
                    当前位置：页面级插件>>lightTreeview</div>
                <iframe id="iframe" src="controls/control/lightTreeview/_intro.html" frameborder="0">
                </iframe>
            </div>
            <div id="right">
                <div id="function">
                    <ul>
                        <li><a id="intro" class="functionlink" href="#">插件简介</a></li>
                        <li><a id="demo" class="functionlink" href="#">Demo</a></li>
                        <li><a id="help" class="functionlink" href="#">帮助</a></li>
                        <li><a id="process" class="functionlink" href="#">使用方法</a></li>
                        <li><a id="msg" class="functionlink" href="#">管理留言</a></li>
                        <li><a id="bug" class="functionlink" href="#">管理Bug</a></li>
                        <li><a id="download" class="functionlink">下载插件</a></li>
                        <li><a id="update" class="functionlink" href="#">更新插件</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="root">
            copyright by Ehai 2009 | <a href="standard.html">控件规范</a>
        </div>
    </div>
</body>
</html>
